@mixin clearfix {
    $selector: &;
    @at-root {
        #{$selector}::before,
        #{$selector}::after {
            display: table;
            content: "";
        }
        #{$selector}::after {
            clear: both
        }
    }
}